<head>
  <meta charset="utf-8" />
  <meta
    name="viewport"
    content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"
  />
  <style>
    body,
    html {
      width: 100%;
      height: 100%;
	  overflow: hidden;
    }
    body,*{
      margin: 0;
	  padding: 0;
    }
    video {
      width: 300px;
      height: 225px;
    }

    img {
      max-width: 100%;
      -webkit-touch-callout: none;
    }
  </style>
  
</head>
<body>
	<!-- tm-html组件使用 -->
    <div>
        test test test333
        <p id="ppp"></p>
        <!-- <button onclick="sss()">EEE</button> -->

        <input
                    style="width:200px;height:50px;"
                    rows="5" 
                    cols="50"
                    auto-height
                    cursor-spacing="24"
                    ref="message_input"
                    confirm-type="done"
                    confirm-hold="true"
                    maxlength="140"
                    type="textarea"
                    placeholder-class="input-placeholder"
                    placeholder="123123123"
                    onconfirm="sss"
                />
    </div>
  
</body>
<script>

    function sss(){
        ppp.innerHTML = 'DDD'
    }

    window.onload = function(){

        document.addEventListener('keydown',function(e){
            console.log(e);
            ppp.innerHTML = JSON.stringify(e.keyCode)
        },false)
    }
</script>
